---
type: tutorial
title: Despliega tu sitio en la web
i18nReady: true
description: |-
  Tutorial: Crea tu primer blog con Astro —
  Conecta el repositorio GitHub de tu proyecto tutorial a Netlify y despliégalo en la web
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';

<PreCheck>
  - Añadir tu repositorio GitHub como una nueva aplicación Netlify
  - Desplegar tu sitio de Astro en la web
</PreCheck>

Aquí, conectarás tu repositorio de GitHub a Netlify. Netlify utilizarás ese proyecto para construir y desplegar tu sitio en vivo en la web cada vez que confirmes un cambio en tu código. 

:::tip[Usaremos...]
Este tutorial utilizará **Netlify**, pero te invitamos a utilizar tu servicio de alojamiento preferido para desplegar tu sitio en Internet.
:::

## Crea un nuevo sitio Netlify

<Steps>
1. Crea una cuenta gratuita en [Netlify](https://netlify.com) si aún no tienes una.

    Anota tu nombre de usuario. Verás tu panel de control y cualquiera de los sitios que crees en `https://app.netlify.com/teams/username`.

2. Haz clic en <kbd>Add new site</kbd> > <kbd>Import an existing project</kbd>.

    Se te pedirá que te conectes a un proveedor de Git. Elige GitHub y sigue los pasos que aparecen en pantalla para autenticar tu cuenta de GitHub. A continuación, elige el repositorio GitHub de tu proyecto de Astro de la lista proporcionada.

3. En el último paso, Netlify te mostrará la configuración del sitio de tu aplicación. Los valores predeterminados deben ser correctos para tu proyecto Astro, así que puedes desplazarte hacia abajo y hacer clic en <kbd>Deploy site</kbd>.
</Steps>

Enhorabuena, ¡tienes un sitio web de Astro!

## Cambia el nombre del proyecto

En la página de resumen de tu sitio en Netlify, verás el nombre de tu proyecto generado aleatoriamente, y la URL de tu sitio web de la forma `https://project-name-123456.netlify.app`. Puede cambiar el nombre de tu proyecto por algo más memorable y esto actualizará automáticamente tu URL.

## Visita tu nuevo sitio web

Haz clic en la URL en la configuración de tu sitio o escríbela en una ventana del navegador para ver tu nuevo sitio web.



<Box icon="question-mark">

### Pon a prueba tus conocimientos



Quieres actualizar la página de inicio de tu sitio web actual. ¿Qué pasos debes seguir?

  <MultipleChoice>
    <Option>
      Abro una terminal, ejecuto `create astro`, y luego visito mi URL de Netlify.
    </Option>
    <Option>
      Cambio una configuración en mi aplicación Netlify, luego hago un fork nuevo del proyecto Astro en StackBlitz.
    </Option>
    <Option isCorrect>
      Edito `index.astro`. Confirmo y envío mis cambios a GitHub. Netlify se encargará del resto.
    </Option>
  </MultipleChoice>
 </Box>

<Box icon="check-list">
## Checklist

<Checklist>
- [ ] Puedo ver mi sitio web actualizado en línea.
- [ ] Estoy listo para volver a codificar.
</Checklist>
</Box>

### Recursos

- <p>[Guía paso a paso para desplegar en Netlify](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) <Badge>externo</Badge></p>
